body {
    padding: 50px;
    font: 22px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: blue;
}

table {
    width: 100%;
    border: 1px solid #ccc;
}

th {
    border-bottom: 1px solid #ccc;
}

th,
td {
    padding: 5px 5px;
    line-height: 1em;
}

tr:hover {
    background-color: #ccc;
}

h2 {
	top: 0;
	margin-top: -50px;
	text-align: center;
}

.caption {
    line-height: 1em;
    height: 1em;
    padding: 5px 5px;
    margin-bottom: 5px;
}

.now {
    float: left;
}

.up {
    float: right;
}

.tou {
	border-radius: 50%;
	width: 2em;
	height: 2em;
	cursor: pointer;
}

#preview {
	width: 60%;
	height: 95%;
	right: 20%;
	top: 10px;
	position: fixed;
	cursor: pointer;
	border: 1px dotted #ccc;
	display: none;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
	-moz-background-size:100% 100%;
    background-size:100% 100%;
    border-radius: 8px;
}
